<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  document.onkeydown = function(eve){
    var e = eve || window.event;
    // 键码
    // console.log(e.keyCode);
    // console.log(e.which);

    var keyCode = e.keyCode || e.which;
    // console.log(keyCode)

    // if(keyCode === 38){
    //   console.log("按下了“上”键")
    // }
    // if(keyCode === 40){
    //   console.log("按下了“下”键")
    // }
    // if(keyCode === 13){
    //   console.log("按下了“回车”键")
    // }

    // 功能键的单独判断方式
    // win:ctrl, MAC:control
    // console.log( e.ctrlKey );
    // win:shift, MAC:shift
    // console.log( e.shiftKey );
    // win:alt, MAC:option
    // console.log( e.altKey );
    // win:win, MAC:command
    // console.log( e.metaKey );
  }
  
</script>
</html>